*{
  margin: 0;padding: 0;
  list-style: none;
}
.App{
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;

}
header{
  width: 100%;
  height: 50px;
  background: #ccc;
}
main{
  width: 100%;
  overflow: auto;
  flex: 1;
  .tab{
    width: 100%;
    display: flex;
    height: 30px;
    justify-content: space-around;
    .on{
      color :red
    }
  }
  .tou{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    li{
      height: 50px;
      align-content: center;
      width: 20%;
      span{
        flex: 1;
        margin-left: 20px;
      }
      b{
        display: block;
      }
    }
  }
  .cont{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
   justify-content: space-around;
    align-content: center;


    li{ width: 50%;
      // margin: 0 10px;
      // flex: 1;
     
      
    }
  }
  
}
footer{
  width: 100%;
  height: 50px;
  background: #ccc;
  >div{
     display: flex;
   line-height: 50px;
    justify-content: space-around;
  }
 
 
}
